<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>fragment</title>
</head>
<body>
    <div th:fragment="link">
        <link rel="stylesheet" href="/static/js/bootstrap/css/bootstrap.css">
        <link rel="stylesheet" href="/static/js/font-awesome/css/font-awesome.min.css">
        <link rel="stylesheet" href="/static/js/Ionicons/css/ionicons.min.css">
        <link rel="stylesheet" href="/static/js/adminlte/css/AdminLTE.min.css">
        <link rel="stylesheet" href="/static/js/adminlte/css/skins/_all-skins.min.css">
        <link rel="stylesheet" href="/static/js/adminlte/css/fonts.googleapis.com.css">

        <script src="/static/js/jquery/jquery.min.js"></script>
        <script src="/static/js/bootstrap/js/bootstrap.js"></script>
        <script src="/static/js/adminlte/js/adminlte.min.js"></script>
        <script src="/static/js/plugins/twbsPagination/jquery.twbsPagination.min.js"></script>
        <script type="text/javascript" src="/static/js/plugins/jquery-form/jquery.form.js"></script>
        <script src="/static/js/system/commonAll.js"></script>


        <!--引入验证插件的样式文件-->
        <link rel="stylesheet" href="/static/js/plugins/bootstrap-validator/css/bootstrapValidator.min.css"/>
        <link rel="stylesheet" href="/static/js/plugins/bootstrap-treeview/bootstrap-treeview.min.css"/>
        <!--引入验证插件的js文件-->
        <script type="text/javascript" src="/static/js/plugins/bootstrap-validator/js/bootstrapValidator.min.js"></script>
        <!--中文语言库-->
        <script type="text/javascript" src="/static/js/plugins/bootstrap-validator/js/language/zh_CN.js"></script>


        <!--引入日期插件的样式文件-->
        <link rel="stylesheet" href="/static/js/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
        <!--引入日期插件的js文件-->
        <script type="text/javascript" src="/static/js/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
        <!--引入中文国际化文件-->
        <script type="text/javascript" src="/static/js/plugins/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
        <script type="text/javascript" src="/static/js/plugins/bootstrap-treeview/bootstrap-treeview.min.js"></script>


        <link rel="stylesheet" href="/static/js/plugins/sweetalert2/sweetalert2.min.css">
        <script src="/static/js/plugins/sweetalert2/sweetalert2.min.js"></script>

        <style>
            .swal2-popup,.swal2-container{
                font-size:1.5rem !important
            }
        </style>
    </div>

    <header th:fragment="navbar" class="main-header">
        <a href="../../index2.html" class="logo" style="background-color: #222d32;color: #fff;border-right: none;border-bottom: 1px solid grey;">
            <span class="logo-mini">wolf</span>
            <span class="logo-lg"><b>狼途汽车门店管理平台</b></span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top" >
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>

            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <li class="dropdown messages-menu">
                        <a href="#">
                            <i class="fa fa-envelope-o"></i>
                        </a>
                    </li>
                    <li class="dropdown tasks-menu">
                        <a href="#" >
                            <i class="fa fa-flag-o"></i>
                        </a>
                    </li>
                    <li class="dropdown notifications-menu">
                        <a href="#" >
                            <i class="fa fa-bell-o"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#"  class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-gears"></i></a>
                        <ul class="dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close" style="min-width: 100px;">
                            <li>
                                <a href="#">
                                    <i class="fa fa-cog" ></i>
                                    个人设置
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="#">
                                    <i class=" fa fa-user"></i>
                                    修改密码
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="/logout">
                                    <i class="fa fa-power-off"></i>
                                    注销
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>

    <aside th:fragment="menu" class="main-sidebar ">
        <section class="sidebar">
            <!-- Sidebar user panel -->
            <div class="user-panel">
                <div class="pull-left image">
                    <img src="/static/js/adminlte/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                </div>
                <div class="pull-left info">
                    <p th:text="${session?.EMPLOYEE_IN_SESSION?.username}">二狗</p>
                    <a href="#"><i class="fa fa-circle text-success"></i>在线</a>
                </div>
            </div>
            <!-- search form -->
            <form action="#" method="get" class="sidebar-form">
                <div class="input-group">
                    <input type="text" name="q" class="form-control" placeholder="Search...">
                    <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
                </div>
            </form>
            <ul class="sidebar-menu" data-widget="tree">
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-dashboard"></i> <span>系统管理</span>
                        <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
                    </span>
                    </a>
                    <ul class="treeview-menu">
                        <li name="department"><a href="/department/list"><i class="fa fa-circle-o"></i> 部门管理</a></li>
                        <li name="department"><a href="/room/list"><i class="fa fa-circle-o"></i> 宿舍管理</a></li>
                        <li name="employee"><a href="/employee/list"><i class="fa fa-circle-o"></i> 员工管理</a></li>
                        <li name="student"><a href="/student/list"><i class="fa fa-circle-o"></i> 学生管理</a></li>
                        <li name="permission"><a href="/permission/list"><i class="fa fa-circle-o"></i> 权限管理</a></li>
                        <li name="role"><a href="/role/list"><i class="fa fa-circle-o"></i> 角色管理</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-files-o"></i>
                        <span>数据管理</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li name="systemDictionary"><a href="/systemDictionary/list"><i class="fa fa-circle-o"></i> 数据字典</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-joomla"></i> <span>门店管理</span>
                        <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
                    </span>
                    </a>
                    <ul class="treeview-menu">
                        <li name="business"><a href="/business/list"><i class="fa fa-circle-o"></i>门店信息</a></li>
                        <li name="appointment"><a href="/appointment/list"><i class="fa fa-circle-o"></i>业务预约</a></li>
                        <li name="consumption"><a href="/consumption/list"><i class="fa fa-circle-o"></i>结算单</a></li>
                        <li name="consumptionItem"><a href="/consumptionItem/list"><i class="fa fa-circle-o"></i>结算单明细</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-pie-chart"></i>
                        <span>客户管理</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li name="customer"><a href="/customer/list"><i class="fa fa-circle-o"></i> 客户列表</a></li>
                        <li name="customer_potential"><a href="/customer/potentialList"><i class="fa fa-circle-o"></i>潜在客户</a></li>
                        <li name="customer_pool"><a href="/customer/poolList"><i class="fa fa-circle-o"></i> 客户池</a></li>
                        <li name="customer_fail"><a href="/customer/failList"><i class="fa fa-circle-o"></i> 失败客户</a>
                        </li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> 正式客户</a></li>
                        <li><a href="#"><i class="fa fa-circle-o"></i> 流失客户</a></li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-edit"></i>
                        <span>客户历史</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">

                        <li name="customerTraceHistory"><a href="/customerTraceHistory/list"><i
                                class="fa fa-circle-o"></i> 跟进历史</a></li>
                        <li name="customerTransfer"><a href="/customerTransfer/list"><i class="fa fa-circle-o"></i> 移交历史</a>
                        </li>
                    </ul>
                </li>
                <li class="treeview">
                    <a href="#">
                        <i class="fa fa-laptop"></i>
                        <span>报表统计</span>
                        <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                    </a>
                    <ul class="treeview-menu">
                        <li name="consumptionReport"><a href="/consumptionReport/list"><i class="fa fa-circle-o"></i>结算单报表</a>
                        </li>
                    </ul>
                </li>

            </ul>
        </section>
        <script>
            $(function () {
                //菜单激活
                var menuName = location.pathname.split('/')[1];
                var cuLi = $(".treeview-menu li[name=" + menuName + "]");
                cuLi.addClass("active");
                cuLi.closest(".treeview").addClass("active")
            })
        </script>
    </aside>

    <div th:fragment="page" style="text-align: center;">
        <ul id="pagination" class="pagination"></ul>
        <script th:inline="javascript">
            //分页
            $(function(){
                var totalPages = /*[[${pageInfo.pages}]]*/ 1;
                var startPage = /*[[${pageInfo.pageNum}]]*/ 1;
                $('#pagination').twbsPagination({
                    totalPages: totalPages,
                    startPage:startPage,
                    first:'首页',
                    prev:'上一页',
                    next:'下一页',
                    last:'尾页',
                    visiblePages: 5,
                    onPageClick: function (event, page) {
                        $('#currentPage').val(page);
                        $('#searchForm').submit();
                    }
                });
            })
        </script>
    </div>

    <footer th:formtarget="footer" class="main-footer">
        <div class="pull-right hidden-xs">
            <b>Version</b> 1.0.0
        </div>
        <strong>Copyright &copy; 2016-2021 <a href="http://www.wolfcode.cn">叩丁狼</a>.</strong> All rights reserved.
    </footer>
</body>
</html>